<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>百度一下你就知道</title>
    <link rel="stylesheet" href="./css/baidu.css">
    <link rel="shortcut  icon" type="image/x-icon" href="./img/favicon.ico" media="screen" />
</head>

<body>
    <div class="container">
        <!-- 导航栏 -->
        <div class="nav">
            <ul>
                <li><a href="#" class="bold">糯米</a></li>
                <li><a href="#" class="bold">新闻</a></li>
                <li><a href="#" class="bold">hao123</a></li>
                <li><a href="#" class="bold">地图</a></li>
                <li><a href="#" class="bold">视频</a></li>
                <li><a href="#" class="bold">贴吧</a></li>
                <li><a href="#">登录</a></li>
                <li>
                    <a href="#">设置</a>
                    <div class="place">
                        <em class="em"></em>
                        <i class="pre"></i>
                        <div class="seat">
                            <ul>
                                <li><a href="#">搜索设置</a></li>
                                <li><a href="#">高级搜索</a></li>
                                <li><a href="#">关闭预测</a></li>
                                <li><a href="#">搜索历史</a></li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </li>
                <li><a href="#" id="more" class="more" style="color:#fff;">更多产品</a>
                    <div id="metu">
                        <ul class="del-btm-border">
                            <li style="height:48px;border-bottom: #f0f0f0 1px solid;"><span class="block more2">更多产品</span></li>
                            <li><a href="#" class="block"><span class="bg-1"></span>音乐</a></li>
                            <li><a href="#" class="block"><span class="bg-2"></span>图片</a></li>
                            <li><a href="#" class="block"><span class="bg-3"></span>知道</a></li>
                            <li><a href="#" class="block"><span class="bg-4"></span>文库</a></li>
                            <li><a href="#" class="block"><span class="bg-5"></span>风云榜</a></li>
                            <li><a href="#" class="block"><span class="bg-6"></span>百度推广</a></li>
                            <li style="border-bottom: transparent 1px solid;"><a href="#" class="block all" style="font-size: 12px;">全部产品<span style="font-size:12px;">>></span></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 搜索主体 -->
        <div class="main">
            <img class="img" src="./img/bd_logo1.png" alt="百度一下你就知道" title="百度一下" width="270" height="129">
            
                <form action="">
                    <!-- 这里css使用行内块元素属性 -->
                    <span id="sc"><input class="input" id="input" type="text"></span>
                    <span class="bd"><input type="submit" value="百度一下"></span>
			</form>
	</div>

	<!-- 底部 -->
	<div class="footer">
		<div class="content">
			<div class="phone">
				<img src="./img/zbios_62c636fe.png" alt="手机百度">
				<div class="phone-r">
					<p class="bold">手机百度</p>
					<p class="gray">快人一步</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="nuomi">
				<img src="./img/nuomi_510f7472.png" alt="百度糯米">
				<div class="nuomi-r">
					<p class="bold">百度糯米</p>
					<p class="gray">一毛大餐</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="ftConw">
				<p><a href="#" class="block">把百度设为首页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="block">关于百度</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" class="block">About Baidu</a></p>
				<p class="gray" style="margin-top: 8px;">&copy;<span>2015</span>&nbsp;<span>Baidu</span>&nbsp;<a href="#" class="gray">使用百度前必读</a>&nbsp;<a href="#" class="gray">意见反馈</a>&nbsp;京ICP证030173号<i class="icon"></i></p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 清除浮动 -->
    <div class="clear"></div>
    </div>
</body>

</html>

